<template>
    <div class="box">
        <div class="header">
            <van-nav-bar title="购物车" left-text="" left-arrow @click="$router.back()" />
        </div>
        
        <div class="meddle">
            <van-checkbox v-model="checked">全选</van-checkbox>
            <van-image width="100" height="100" lazy-load src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <van-swipe-cell>
                <van-card :num="item.count" :price="item.price"  :title="item.title" class="goods-card"
                    :thumb="item.image" />
                <template #right>
                    <van-button square text="删除" type="delete" class="delete-button" />
                </template>
            </van-swipe-cell>
        </div>
    </div>
</template>
<script setup>
import { useCounterStore } from '@/stores/counter'
const store = useCounterStore()

</script>